* {
  padding: 0;
  margin: 0;
}
html,
body {
  text-align: center;
  font-size: 16px;
  font-family: "微软雅黑";
  background-color: #fcd36d;
}
.wrap {
	height: 1024px;
  background: url("../img/pc_bg.jpg") 100% 0 no-repeat; 
  background-size: contain;
  background-attachment: scroll; 
}
.wrap .middle {
  width: 52%;
  margin: 0 auto;
  overflow: hidden;
}
.wrap .middle .logo {
  text-align: left;
  width: 34.18%;
  margin-top: 2%;
}
.wrap .middle .logo img {
  width: 100%;
}
.wrap .middle .daren {
  width: 80%;
  float: right;
  margin-top: 2.5%;
  margin-right: 5%;
}
.wrap .middle .daren img {
  width: 100%;
}
.wrap .middle .jiudian {
  margin-top: 28%;
  width: 100%;
}
.wrap .middle .jiudian img {
  width: 90%;
}
.wrap .middle .time {
  font-size: 1.2em;
  padding-top: 2.5%;
  color: #9bb2f7;
}
.wrap .middle .erweima {
  width: 30.39%;
  float: right;
  padding: 5% 8% 0 0;
  font-size: 14px;
  color: #9bb2f7;
}
.wrap .middle .erweima .border{
	margin: 0 auto;
	width: 51%;
}
.wrap .middle .erweima img {
  width: 100%;
}
.wrap .middle .jiangping {
  margin-top: 31.2%;
  box-sizing: border-box;
}
.wrap .middle .jiangping ul {
  overflow: hidden;
  list-style: none;
}
.wrap .middle .jiangping ul li {
  background-color: #fff;
  border: 3px solid #29b0df;
  width: 21.4%;
  float: left;
  margin-right: 1.9%;
  border-radius: 1.5em;
  overflow: hidden;
}
.wrap .middle .jiangping ul li img {
  width: 87%;
  padding: 5% 0;
}
.wrap .middle .jiangping ul li p {
  background-color: #faea9f;
  padding: 2%;
}
.wrap .middle .jiangping ul li .img1 {
  width: 42%;
}
.wrap .middle .jiangping ul li .img2 {
  width: 47%;
}
.wrap .middle .jiangping ul li .img3 {
  padding: 8% 0;
}
.wrap .middle .jiangping ul li .img4 {
  padding: 5% 0;
}
.wrap .middle .jiangping ul li:last-child {
  margin-right: 0;
}
.wrap .middle .bottom-font {
  color: #cc9a1e;
  font-size: 0.8em;
  padding-top: 18px;
}
@media (max-width: 800px) {
  .wrap .middle {
    width: 70%;
  }
}
@media (max-width: 600px) {
  .wrap .middle {
    width: 85%;
    font-size: 0.9em;
  }
}
@media (max-width: 350px) {
  .wrap .middle {
    width: 100%;
  }
}
